.control-color {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .76), transparent);
}

.danmu-text {
    text-shadow: rgb(0 0 0) 1px 1px 2px, rgb(0 0 0) 0px 0px 1px;
}

.title {
    width: 29.86667vmin;
    height: 9.06667vmin;
    line-height: 4.53333vmin;
}

.danmu-list {
    background-image: linear-gradient(180deg, transparent 2%, rgba(0, 0, 0, .7) 98%);
}

.not-ellipsis {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vip {
    background-color: #FB7299;
    color: #fff;
}

.control-enter-active,
.control-leave-active {
    transition: all .4s linear;
}

.control-enter-from,
.control-leave-to {
    transform: translateY(100%);
}

.control-enter-to,
.control-leave-from {
    transform: translateY(0%);
}

.move-enter-active,
.show-enter-active {
    transition: all 5s linear;
}

.show-enter-from {
    opacity: .99;
}

.show-enter-to {
    opacity: 1;
}

.move-enter-from {
    right: 0;
    transform: translateX(100%);
}

.move-enter-to {
    right: 100%;
    transform: translateX(-100%);
}